<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link th:href="@{/erp/assets/css/bootstrap.min.css}" rel="stylesheet"/>
    <link rel="stylesheet" th:href="@{/erp/css/style.css}"/>
    <link rel="stylesheet" th:href="@{/erp/assets/css/ace.min.css}"/>
    <link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome.min.css}"/>
    <link rel="stylesheet" th:href="@{/erp/Widget/zTree/css/zTreeStyle/zTreeStyle.css}" type="text/css">
    <link th:href="@{/erp/Widget/icheck/icheck.css}" rel="stylesheet" type="text/css"/>
    <!--[if IE 7]>
    <link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome-ie7.min.css}"/>
    <![endif]-->
    <!--[if lte IE 8]>
    <link rel="stylesheet" th:href="@{/erp/assets/css/ace-ie.min.css}"/>
    <![endif]-->
    <script th:src="@{/erp/js/jquery-1.9.1.min.js}"></script>
    <script th:src="@{/erp/assets/js/bootstrap.min.js}"></script>
    <script th:src="@{/erp/assets/js/typeahead-bs2.min.js}"></script>
    <!-- page specific plugin scripts -->
    <script th:src="@{/erp/assets/js/jquery.dataTables.min.js}"></script>
    <script th:src="@{/erp/assets/js/jquery.dataTables.bootstrap.js}"></script>
    <script type="text/javascript" th:src="@{/erp/js/H-ui.js}"></script>
    <script type="text/javascript" th:src="@{/erp/js/H-ui.admin.js}"></script>
    <script th:src="@{/erp/assets/layer/layer.js}" type="text/javascript"></script>
    <script th:src="@{/erp/assets/laydate/laydate.js}" type="text/javascript"></script>
    <script type="text/javascript" th:src="@{/erp/Widget/zTree/js/jquery.ztree.all-3.5.min.js}"></script>
    <script th:src="@{/erp/js/lrtk.js}" type="text/javascript"></script>
    <title>激光码管理</title>

</head>

<body>

<div class="margin clearfix">
    <div class="stystems_style">
        <div class="tabbable">
            <div class="page-content clearfix">
                <div id="Member_Ratings">
                    <div class="d_Confirm_Order_style">
                        <ul class="nav nav-tabs" id="myTab">
                            <li class="active">
                                <a data-toggle="tab" href="#home"><i class="green fa fa-home bigger-110"></i>激光码管理</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content">

                        <div id="home" class="tab-pane active">
                            <div class="search_style">
                                <ul class="search_content clearfix">
                                    <li>
                                        <label class="l_f">订单号：</label>
                                        <input name="" id="query_orderNo" type="text" class="text_add" placeholder="输入订单编号" style=" width:400px"/>
                                    </li>
                                    <li style="width:90px;">
                                        <button type="button" id="btn_query" class="btn_search"><i class="icon-search"></i>查询</button>
                                    </li>
                                </ul>
                            </div>

                            <!---->
                            <div class="border clearfix">
                            <span class="l_f">
                             <a href="javascript:;" id="member_ad" class="btn btn-warning"><i class="icon-plus"></i>生成激光码</a>
                            </span>
                            </div>
                            <table class="table table-striped table-bordered table-hover" id="sample-table">
                                <thead>
                                <tr>
                                    <th width="25"><label><input type="checkbox" id="btnAllChk" class="ace"><span
                                            class="lbl"></span></label></th>
                                    <th width="150">订单编号</th>
                                    <th width="150">产品名称</th>
                                    <th width="150">交易金额</th>
                                    <th width="150">交易时间</th>
                                    <th width="150">产品型号</th>
                                    <th width="150">数量</th>
                                    <th width="100">激光码</th>
                                    <th width="150">操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script>

    /*
   激光码动态列表
    */
    jQuery(function ($) {
        var table = $('#sample-table').DataTable({
            "autoWidth": false,//当重复刷新表格时，我的页面会出现变形的，现象，加了这个就好了
            searching: false,
            serverSide: true,   //开始服务器分页
            destroy:true,
            ajax: {
                url: '/laser/page',
                type: 'get',
            },
            columnDefs: [{"defaultContent": "",
                "targets": "_all"}],
            columns: [
                {
                    "data": "id", "createdCell": function (td, cellData, rowData, row, col) {
                        /*<![CDATA[*/
                        if(rowData.lstate=='待生成'){
                            $(td).empty().append('<label><input type="checkbox" value="' + rowData.ioId + '" id="ID" name="yy"  class="ace ace_cek"><span\n' +
                                '                                            class="lbl"></span></label>');
                        }else if(rowData.lstate=='已生成'){
                            $(td).empty().append('<label><input type="checkbox" disabled="disabled" value="' + rowData.ioId + '" id="ID" name="yy"  class="ace"><span\n' +
                                '                                            class="lbl"></span></label>');
                        }

                    }
                },
                {"data": "ioId"},
                {"data": "productName"},
                {"data": "money"},
                {"data": "orderTime"},
                {"data": "productModel"},
                {"data": "orderSum"},
                {"data": "lstate"},
                {

                    "data": "lstate", "createdCell": function (td, cellData, rowData, row, col) {
                        if(cellData=='已生成'){
                            $(td).empty().append(' <a title="分配打印" href="/laser/fpdyj?orderNo='+rowData.ioId+'"  class="btn btn-xs btn-info"><i class="bigger-20">分配打印</i></a>');
                        }else{
                            $(td).empty().append(' <a title="分配打印" class="btn btn-xs"><i class="bigger-20">分配打印</i></a>');
                        }
                    }
                },
            ]
        });

        $("#btn_query").on("click",function () {
            var orderNo = $("#query_orderNo").val();
            var table1 = $('#sample-table').DataTable({
                "autoWidth": false,//当重复刷新表格时，我的页面会出现变形的，现象，加了这个就好了
                searching: false,
                serverSide: true,   //开始服务器分页
                destroy:true,
                ajax: {
                    url: '/laser/query?orderNo='+orderNo,
                    type: 'get',
                },
                columnDefs: [{"defaultContent": "",
                    "targets": "_all"}],
                columns: [
                    {
                        "data": "id", "createdCell": function (td, cellData, rowData, row, col) {
                            /*<![CDATA[*/
                            if(rowData.lstate=='待生成'){
                                $(td).empty().append('<label><input type="checkbox" value="' + rowData.ioId + '" id="ID" name="yy"  class="ace ace_cek"><span\n' +
                                    '                                            class="lbl"></span></label>');
                            }else if(rowData.lstate=='已生成'){
                                $(td).empty().append('<label><input type="checkbox" disabled="disabled" value="' + rowData.ioId + '" id="ID" name="yy"  class="ace"><span\n' +
                                    '                                            class="lbl"></span></label>');
                            }

                        }
                    },
                    {"data": "ioId"},
                    {"data": "productName"},
                    {"data": "money"},
                    {"data": "orderTime"},
                    {"data": "productModel"},
                    {"data": "orderSum"},
                    {"data": "lstate"},
                    {

                        "data": "lstate", "createdCell": function (td, cellData, rowData, row, col) {
                            if(cellData=='待生成'){
                                $(td).empty().append(' <a title="分配打印" class="btn btn-xs"><i class="bigger-20">分配打印</i></a>');
                            }else if(cellData=='已生成'){
                                $(td).empty().append(' <a title="分配打印" href="/laser/fpdyj?orderNo='+rowData.ioId+'"  class="btn btn-xs btn-info"><i class="bigger-20">分配打印</i></a>');
                            }
                        }
                    },
                ]
            });
        });

        /*生成激光码*/
        $('#member_ad').on('click', function () {
            var ace_che = $('.ace_cek').is(':checked');
            if (!ace_che) {
                layer.open({
                    title: '提示',
                    content: '请选择需要生成的订单编号！'
                })
                return;
            }
            var orderId = $("input[name='yy']:checked").val();
            layer.open({
                type: 2,
                title: '选择订单生成',
                shadeClose: true,
                shade: false,
                maxmin: true, //开启最大化最小化按钮
                area: ['893px', '550px'],
                content: '/laser/showLaser?orderId='+orderId
            });
        });

    })


    /*分配打印确定*/
    function member_fp(obj, id) {
        layer.confirm('确认开始打印吗？', function (index) {
            $(obj).parents("tr").remove();
        });
    }
    $(function () {

        //全不选

        $("#btnAllNotChk").click(function () {

            $("#chk input:checkbox").removeAttr("checked");

        });

        //全选

        $("#btnAllChk").click(function () {

            $(".ace").attr("checked", "checked");

        });

        //反选

        $("#btnInvert").click(function () {

            $("#chk input:checkbox").each(function () {

                this.checked = !this.checked;

            })
        });
    })
    /*订单-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            $(obj).parents("tr").remove();
            layer.msg('已删除!', {icon: 1, time: 1000});
        });
    }
</script>
